<template>
  <footer id="footer"
    class="ui vertical footer segment m-bg"
    :style="{'background': 'url('+ imgUrl +') 0% 0% / cover'}"
  >
    <div id="footer-wrap" class="ui container center aligned">
      <p class="textfoot" style="padding-top: .5rem;" v-text="copyright"></p>
      <p class="textfoot" v-html="message"></p>
      <p class="textfoot"><span id="showsectime"></span></p>
    </div>
    <!-- 鱼塘-->
    <div class="container" id="jsi-flying-fish-container"></div>
  </footer>
</template>

<script>
import { showsectime } from "utils/runtime.js"; 
import "assets/lib/fish/fish"; //鱼塘

export default {
  name: 'Footer',
  data() {
    return {
      imgUrl: 'http://cdn.yozora.top/image/type.jpg',
      copyright: `©2020 By Lxxin`,
      message: `<a href="http://beian.miit.gov.cn" style="color: #fff;" target="_blank">`+
      `<span>湘 ICP 备 20016004 号</span></a>`
    };
  },
  mounted() {
    showsectime()
  },
}
</script>

<style lang='scss' scoped>
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #fff !important; 
  animation: footer .5s linear;
  &:before{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    content: '';
  }
  #footer-wrap {
    position: absolute; 
    text-align: center; 
    top: 0px; 
    right: 0px; 
    left: 0px; 
    bottom: 0px;
    p {
      margin: 0 0 0.2rem !important;
        &.textfoot {
        font-weight: 300 !important;
        color: #fff;
        opacity: 0.8;
      }
    }
  }
}
</style>